
<?php 
/*
Template Name: Add user
*/
?>
<?php get_header(); ?>
 
<?php 

    if ( ! current_user_can( 'list_users' ) ) 
    {
      wp_die( __( 'bạn không có quyền truy cập trang này! ' ) );

            global $current_user;
            get_currentuserinfo();
    }//if ( ! current_user_can( 'list_users' ) ) 
    else {  
            ?>
 

<div id="content_nano_three" class="clearfix">
    
     <div id="breaum_suausser"> <h2>Thêm người dùng</h2></div>

<div id="content" class="edit_user-page">
   <div id="content_nano_two">
    
		<div class="wrap">
				<h2 id="add-new-user"> Thêm mới người dùng</h2>
				<form id='add-user' method="post">
					<input name="createuser" id='createuser' type="hidden" value="createuser">
					
					<table class="form-table">
						<tbody>
							<tr class="form-field form-required">
							<th scope="row">
								<label for="user_login">Tên đăng nhập<span class="description">(bắt buộc)</span>
								</label>
							</th>
							<td>
								<input type="text" name="user_login" type="text" id="user_login" value="" class="input required error"   title="Điền tên đăng nhập"/>
							</td>
						</tr>
						<tr class="form-field form-required">
							<th scope="row">
								<label for="email">E-mail <span class="description">(bắt buộc)</span>
								</label>
							</th>
							<td><input name="email" type="text" id="email" value="" class="input required error"   title="Điền E-mail"></td>
						</tr>
						<tr class="form-field">
							<th scope="row"><label for="first_name">Họ tên </label></th>
							<td><input name="first_name" type="text" id="first_name" value="" class="input required error"   title="Điền Họ tên"></td>
						</tr>
						<tr class="form-field">
							<th scope="row"><label for="last_name">Họ đệm </label></th>
							<td><input name="last_name" type="text" id="last_name" value="" class="input required error"   title="Điền Họ đệm"></td>
						</tr>
						<tr class="form-field">
							<th scope="row"><label for="url">Website</label></th>
							<td><input name="url" type="text" id="url"  value="" class="input required error"   title="Điền  Website"></td>
						</tr>
						<tr class="form-field form-required">
							<th scope="row">
								<label for="pass1">Mật khẩu <span class="description">(bắt buộc)</span>
								</label>
							</th>
							<td>
								<input class="hidden" value=" "><!-- #24364 workaround -->
								<input name="pass1" type="password" id="pass1" autocomplete="off" class="input required error"   title="Điền mật khẩu">
							</td>
						</tr>
						<tr class="form-field form-required">
							<th scope="row">
								<label for="pass2">Nhập lại mật khẩu <span class="description">(bắt buộc)</span>
								</label>
							</th>
							<td>
							<input name="pass2" type="password" id="pass2" autocomplete="off" class="input required error"   title="Điền nhập lại mật khẩu">
							<p class="description indicator-hint">Gợi ý: mật khẩu nên sử dụng cả chữ hoa và chữ thường, số và ký hiệu thích!.</p>
							</td>
						</tr>
						
						<tr class="form-field">
							<th scope="row"><label for="role">Quyền Quản Trị</label></th>
							<td>
								<select name="role" id="role"  class="input required error" title="Chọn quản trị">
									<!-- <option  value="administrator">Administrator</option> -->
									<option  value="editor">Quản lí máy</option>
									<option selected="selected" value="contributor">Người dùng</option>
							    </select>
							</td>
						</tr>
						</tbody></table>

					<p class="submit"><input type="submit" name="createuser" id="createusersub" class="button button-primary" value="Thêm mới "></p>
					</form>
     </div><!-- end class="wrap" --> 

     
     <div id='phuc'>
     </div><!-- id=phuc -->
     <div id="sent">
		     	<a href="<?php bloginfo('url');?>/quan-li-nguoi-dung">
		     		<input type="button" id="quaylai" class="quaylai" value="quay lại">
		       </a>
	</div><!-- id="sent" -->
<script type="text/javascript">
		 jQuery(document).ready(function(){
				    $("#add-user").validate({
				            rules: {
				                user_login: {           
				                    required: true,   
				                    minlength: 5,       
				                },
				                email: {              
				                    required: true,   
				                    email: true       
				                },
				               first_name: {           
				                    required: false,   
				                    minlength: '',       
				                },
				                last_name: {           
				                    required: false,   
				                    minlength:'',       
				                },
				                url: {           
				                    required: false,   
				                    minlength: '',       
				                },
				                pass1: {           
				                    required: true,   
				                    minlength: 5,       
				                },
				                pass2: {           
				                    required: true,   
				                    minlength: 5,       
				                },
				                role_ee: {           
				                    required: true,   
				                    minlength: 5,       
				                },
				            },
				            messages: {               //messages to appear on error
				                user_login: {
				                      required:"Tên đăng nhập không được trống.",
				                      minlength:"ít nhấp 5 kí tự."
				                      },
				                email: "sai  email.",
				                first_name: {           
				                    required: "Họ tên.",   
				                    minlength: 5,       
				                },
				                last_name: {           
				                    required:"tên đệm",
				                    minlength: 5,       
				                },
				                url: {           
				                    required: '',   
				                    minlength: '',       
				                },
				                pass1: {
				                      required: "không được để trống",
				                      minlength: "ít nhất là 5 kí tự"
				                      },
				                pass2: {
				                      required: "không được để trống. Pass mới và nhập lại phải giống nhau !",
				                      minlength: "ít nhất là 5 kí tự"
				                      },
				                role: {           
				                    required: "bạn chưa chọn quyền quản trị",  
				                    minlength: '',       
				                },
				            },
				            submitHandler: function(form) {
				            	var createuser = $('#createuser').val();
				            	var role = $('#role').val();
				            	var  user_login = $('#user_login').val();
				            	var  email = $('#email').val();
				            	var  first_name = $('#first_name').val();
				            	var  last_name = $('#last_name').val();
				            	var  url = $('#url').val();
				            	var  pass_n = $('#pass1').val();
				            	var  pass_nl = $('#pass2').val();
				            	/*
				            	 alert(user_login);
				            	 alert(email);
				            	 alert(first_name);
				            	 alert(last_name);
				            	 alert(url);
				            	 alert(pass_n);
				            	 alert(pass_nl);
				            	 */
				            	 //return;

				            	 if (pass_n == pass_nl) { var pass1 = pass_nl ;}; //alert(pass1);return;
				            	 if (pass_n != pass_nl) { alert('nhâp lại mật khẩu , 2 mật khẩu không giống nhau'); };
				            	


				                   $.ajax({
				                            url:"<?php bloginfo('url');?>/process-add-user",
				                            type:"POST",
				                            data: {user_login:user_login,role:role,email:email,first_name:first_name,last_name:last_name,url:url,pass1:pass1,createuser:createuser},
					                        success: function(data){
					                            //alert(data);
					                            $('#add-user').hide();
					                            $('#add-new-user').hide();
					                            $('#sent').show();
					                            $('#phuc').html(data);
					                            $('#phuc').show();
					                      }
				                    });
				            }

				        });  
				})
		</script>

</div><!-- id="content_nano_two" -->
</div><!--- id="content" class="edit_user-page" -->
</div><!-- id="content_nano_three" -->

<?php } //elseif ( ! current_user_can( 'list_users' ) )  ?>

		
<?php get_footer(); ?>